<template>
  <div class="pt-20">
    <!-- <div class="w100 rowsb bgff h-40 br-20 rowsm pl-20 pr-10 mb-16">
        <el-input v-model="name" placeholder="搜索" class="w-400 input"></el-input>
        <div class="w-60 h-30 br-15 rowsc rowsm" style="background-color: #E33636;">
            <img src="../../../static/img/icon_osbc.png" class="w-15 h-15" alt="">
        </div>
    </div> -->


    <div class="w100 bgff pl-16">
        <el-collapse v-model="activeNames" @change="handleChange" accordion>
        <el-collapse-item :title="item.title" :name="index" v-for="(item,index) in list" :key="index">
            <div class="fs-14 col888 p-all-16">{{item.content}}</div>
        </el-collapse-item>
    </el-collapse>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
        activeNames: ['1'],
        list:[]
    };
  },
  watch: {},
  computed: {},
  methods: {
    handleChange(e){
        console.log(e)
    },
    getList(){
      this.$axios.post('proconfigsybz/list',{}).then(res => {
        if(res.data.code != 200) return this.$notify({
          title: '提示',
          message: res.data.msg
        });
        let {rows} = res.data
				this.list = rows
      })
		}
  },
  created() {
    this.getList()
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
  .input /deep/ .el-input__inner  {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    // text-align: right;
  }
</style>